<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>dadaHome</title>
	<link rel="stylesheet" href="plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>

	<div id="header-2017">
		<div style=" width:1140px; margin:0 auto;">
			<div class="header-lf">
				<a href="#"><img src="img/logo.png"></a>

			</div>
			<div class="header-md">
				<ul>
					<li>
						<a href="catalog.html"> 首页</a>
					</li>
					<li>
						<a href="##"> 搭搭家APP</a>
					</li>
					<li>
						<a href="##"> 3D效果设计</a>
					</li>
					<li>
						<a href="##"> 客户案例</a>
					</li>
					<li>
						<a href="##"> 公司简介</a>
					</li>
					<li>
						<a href="##"> 联系我们</a>
					</li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
	</div>

	<div class="big-2017">
		<div class="btn-appstore">
			<a href="#">
				<img src="img/iphone.png" />
				<span>S E E &nbsp;&nbsp;O N &nbsp;&nbsp;A P P S T O R E</span>
			</a>
		</div>
		<div class="clear"></div>
	</div>


	<div class="intro-2017">
		<div class="intro_title">
			什么是搭搭家？
		</div>
		<div class="intro_content">
			搭搭家是一款SaaS模式的企业移动销售云服务展示软件系统，专门为企业提供更高效更优质的品牌营销，产品展示，网络传播，以及强大的产品即时搭配功能等服务。
		</div>
	</div>

	<div class="clear"></div>

	<div class="intro-2017">
		<div class="intro_title">
			搭搭家解次什么问题？
		</div>
		<div class="intro_solution" style="border:1px solid blue;width:845px;">
			<div style="float:left;width:250px;height:300px;border:1px solid red">
				<div style="border:1px solid green;height:30%"></div>
				<div style="border:1px solid green;height:70%"></div>
			</div>
			<div style="margin-left:45px;float:left;width:250px;height:300px;border:1px solid red">
				<div style="border:1px solid green;height:30%"></div>
				<div style="border:1px solid green;height:70%"></div>
			</div>
			<div style="margin-left:45px;float:left;width:250px;height:300px;border:1px solid red">
				<div style="border:1px solid green;height:30%"></div>
				<div style="border:1px solid green;height:70%"></div>
			</div>
		<div class="clear"></div>
		</div>
	</div>

	<div class="intro-2017">
		<div class="intro_title">
			搭搭家功能介绍
		</div>
		<div class="intro_solution" style="border:1px solid blue;width:845px;">
			<div style="float:left;width:26%;height:300px;border:1px solid red">
					<div style="border:1px solid green;height:50%"></div>
					<div style="border:1px solid green;height:50%"></div>
			</div>
			<div style="margin-left:30px;float:left;width:40%;height:300px;border:1px solid red">
			</div>
			<div style="margin-left:30px;float:left;width:26%;height:300px;border:1px solid red">
					<div style="border:1px solid green;height:50%"></div>
					<div style="border:1px solid green;height:50%"></div>
			</div>
			<!-- clear用作撑开浮动元素div -->
					<div class="clear"></div>
		</div>
	</div>


	<div class="shower-2017">
		<div class="shower-box">
			<h4>为什么选择搭搭家？</h4>
		</div>
	</div>
	<div class="intro-2017" style="border:1px solid blue">
		<div class="intro_solution" style="border:1px solid blue;width:845px;">
			<div style="width:100%;height:100px;border:1px solid red">
			</div>
			<div style="float:left;width:100%;height:600px;border:2px solid orange">
			</div>
		</div>
	</div>

		<div class="clear"></div>

		<div class="shower-2017" style="height:120px;border:3px solid red">
			<div class="shower-box"  style="width:650px">
				<h4>什么是家具产品3D效果设计？</h4>
				<p>大部分厂家，对于产品打样，产品拍摄都非常头疼，而通过3Dmax快速建立产品模型，快速决定产品打样效果；配合合适的效果场景，搭配不同的产品颜色和组合，渲染出一般摄影棚都要好的产品效果图，正是家具产品3D效果设计的核心功能。</p>
			</div>
		</div>
			<div class="intro-2017">
				<div class="intro_title">
					火炬3D设计团队
				</div>
				<div class="intro_content">
					搭搭家是一款SaaS模式的企业移动销售云服务展示软件系统，专门为企业提供更高效更优质的品牌营销，产品展示，网络传播，以及强大的产品即时搭配功能等服务。
				</div>
				<div class="intro_solution" style="border:1px solid blue;width:845px;">
					<div style="width:100%;height:300px;border:2px solid orange">
						<div style="float:left;border:1px solid black;width:25%;height:100%"></div>
						<div style="float:left;border:1px solid black;width:25%;height:100%"></div>
						<div style="float:left;border:1px solid black;width:25%;height:100%"></div>
						<div style="float:left;border:1px solid black;width:25%;height:100%"></div>
					</div>
				</div>
			</div>
			<div class="intro-2017" style="border:3px solid green">
				<div class="intro_title">
					客户案例
				</div>
				<div class="intro_solution" style="border:1px solid blue;width:845px;">
					<div style="width:100%;height:300px;border:2px solid orange">
						<div style="float:left;border:1px solid black;width:33.3%;height:100%"></div>
						<div style="float:left;border:1px solid black;width:33.3%;height:100%"></div>
						<div style="float:left;border:1px solid black;width:33.3%;height:100%"></div>
					</div>
				</div>
				<div class="btn-more">
					<a href="#">
						<span>查看更多</span>
					</a>
				</div>
			</div>
			<div class="clear"></div>

			<div class="comp-2017" style="position:relative">
				<div class="company-box"  style="width:650px">
					<h4>公司简介</h4>
					<p>拍摄都非常头疼，而通过3Dmax大部分厂家，对于产品打样，产品拍摄都非常头疼，而通过3Dmax大部分厂家，对于产品打样，产品拍摄都非常头疼，而通过3Dmax快速建立产品模型，快速决定产品打样效果；配合合适的效果场景，搭配不同的产品颜色和组合，渲染出一般摄影棚都要好的产品效果图，正是家具产品3D效果设计的核心功能。</p>
				</div>
				<div class="clear"></div>
			</div>

 <div id="footer-2017">
		<div class="footer-box">
			<h5>地址：广东省广州市天河区华南农业大学软件学院24楼</h5>

		</div>
		<div class="clear"></div>
	</div>


	<script src="plugins/jquery-3.3.1/jquery-3.1.1.min.js"></script>
	<script src="plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</body>
</html>
